<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>WalkFighter</title>
		<meta name="description" content="" />
		<meta name="author" content="yanggjun" />

		<!-- 		<meta name="viewport" content="width=device-width; initial-scale=1.0" /> -->

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<link rel="stylesheet" href="css/topPane.css" type="text/css" />
	</head>
	<script language="JavaScript">
		function init () {
		  var myCanvas = document.getElementById("myCanvas");
		  myCanvas.setAttribute("width", window.innerWidth);
		  myCanvas.setAttribute("height", window.innerHeight);
		  var snipeCanvas = document.getElementById("snipeCanvas");
		  snipeCanvas.setAttribute("width", window.innerWidth);
		  snipeCanvas.setAttribute("height", window.innerHeight);
		  
		}
	</script>
	<body oncontextmenu="return false;" onload="init()">
				<script src="./engine/Explosion.js"></script>
		<script src="./model/map01.js"></script>
		<script src="./engine/Physical.js"></script>
		<script src="./view/character.js"></script>
	
		

		<script src="./engine/GunVoiceController.js"></script>
		<script src="./engine/threeLib/Three.js"></script>
		<script src="./engine/threeLib/Detector.js"></script>
		<script src="./engine/threeLib/Stats.js"></script>
		<script src="./engine/threeLib/THREEx.KeyboardState.js"></script>
		<script src="./engine/threeLib/THREEx.FullScreen.js"></script>
		<script src="./engine/threeLib/THREEx.WindowResize.js"></script>
			<script src="./engine/ColladaLoader.js"></script>
		<script src="./engine/MouseEventListener.js"></script>
		<script src="./engine/CameraController.js"></script>
		<script src="./engine/KeyEventListener.js"></script>
		<script src="./model/Model.js"></script>
		<script src="./view/BuildWord.js"></script>
		<script src="./model/PlayMan.js"></script>
		<script src="./model/TargetIndicator.js"></script>
		<script src="./model/EnemyModel.js"></script>
		<script src="./engine/EnemyController.js"></script>
		<script src="./engine/ShootController.js"></script>
		<script src="./view/BottomPane.js"></script>
		<script src="./view/TopPane.js"></script>
		<script src="./engine/TopPaneStatus.js"></script>
		<script src="./view/MainArea.js"></script>
		<script src="./engine/ObstacleCheck.js"></script>
		<script src="./model/triggerModel.js"></script>
		<script src="./engine/CrossCheck.js"></script>
		

		<div>
			<!-- 		<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
			Your browser does not support the canvas element.
			</canvas> -->

			<canvas id="myCanvas"></canvas>
			<canvas id="snipeCanvas"></canvas>

			<script>
                World.init();
                BottomPane.init();

			</script>

			<table id="topPane" width="500px" height="150px" cellspacing="10px" >
				<tr>
					<td id="player" style="font-size: 30px" >player:</td>
					<td id="playerName" style="font-size: 30px; color: #ffffff"> Yjauyx</td>
					<td id="score" style="font-size: 30px"> score: </td>
					<td id="scoreValue" style="font-size: 30px; color: #ffff00">0</td>
				</tr>
				<tr>
					<td id="enemyLeft" style="font-size: 30px">enemy:</td>
					<td id="enemyLeftValue" style="font-size: 30px">6</td>
					<td id="blood" style="font-size: 30px">blood:</td>
					<td id="bloodValue" style="font-size: 30px; color:#FF0000"> 200</td>
				</tr>
			</table>

			<table id="noteTabel">
				<tr>
					<td id="goodNote" style="font-size: 40px" ></td>
				</tr>
			</table>

			<!-- 		<footer>
			<p>
			&copy; Copyright  by yanggjun
			</p>
			</footer> -->
		</div>

	</body>

</html>
